body.theme-light {
    --c-primary-color: #FFD500;
  --c-primary-color-light: #FFDB22;
  --c-primary-color-heavy: #FFBB00;
  --c-primary-color-bg: rgba(255,213,0,0.08);
  --c-base-color: #ffffff;
  --c-bg-app-color: #F7F7F7;
  --c-bg-page-color: #f3f3f3;
  --c-bg-content-color: #ffffff;
  --c-bg-section-color: #F7F7F7;
  --c-bg-item-color: rgba(128, 128, 128, 0.12);
  --c-bg-hover-color: rgba(128, 128, 128, 0.08);
  --c-item-color: rgba(0, 0, 0, 0.04);
  --c-item-inner-color: #ffffff;
  --c-bg-translucent-color-1: rgba(255, 255, 255, 0.8);
  --c-bg-translucent-color-2: rgba(255, 255, 255, 0.6);
  --c-bg-translucent-color-3: rgba(255, 255, 255, 0.4);
  --c-bg-translucent-color-4: rgba(255, 255, 255, 0.2);
  --c-bg-translucent-color-5: rgba(255, 255, 255, 0.1);
  --c-bg-translucent-reverse-color-1: rgba(0, 0, 0, 0.8);
  --c-bg-translucent-reverse-color-2: rgba(0, 0, 0, 0.6);
  --c-bg-translucent-reverse-color-3: rgba(0, 0, 0, 0.14);
  --c-bg-translucent-reverse-color-4: rgba(0, 0, 0, 0.08);
  --c-bg-translucent-reverse-color-5: rgba(0, 0, 0, 0.04);
  --c-bg-layout-color: rgba(255, 255, 255, 0.8);
  --c-bg-panel-color: rgba(255, 255, 255, 0.4);
  --c-glass-border-color: rgba(255, 255, 255, 0.76);
  --c-bg-popover-color: rgba(255, 255, 255, 0.76);
  --c-card-color: rgba(255,255,255,0.8);
  --c-input-color: rgba(128,128,128,0.06);
  --c-button-color: #FFFFFF;

  --c-text-color-1: #000000;
  --c-text-color-2: #353535;
  --c-text-color-3: #808080;
  --c-text-color-4: #B2B2B2;

  --c-border-color-1: rgba(60, 60, 60, .29);
  --c-border-color-2: rgba(60, 60, 60, .12);
  --c-border-color-3: rgba(60, 60, 60, .06);
  --c-border-color-4: rgba(60, 60, 60, .04);

  --c-box-shadow-1: 0 12px 48px 0 rgba(6, 10, 38, .15);
  --c-box-shadow-2: 0 6px 24px 0 rgba(6, 10, 38, .1);
  --c-box-shadow-3: 0 6px 18px 0 rgba(6, 10, 38, .04);
  --c-box-shadow-4: 0 5px 14px 0 rgba(6, 10, 38, .02);
}

body.theme-dark {
    --c-primary-color: #FFD500;
  --c-primary-color-light: #FFDB22;
  --c-primary-color-heavy: #FFBB00;
  --c-primary-color-bg: rgba(255,213,0,0.04);
  --c-base-color: #000000;
  --c-bg-app-color: #191919;
  --c-bg-page-color: #111111;
  --c-bg-content-color: #1E1E1E;
  --c-bg-section-color: #252525;
  --c-bg-item-color: rgba(128, 128, 128, 0.12);
  --c-bg-hover-color: rgba(128, 128, 128, 0.1);
  --c-item-color: #232324;
  --c-item-inner-color: #303033;
  --c-bg-translucent-color-1: rgba(0, 0, 0, 0.8);
  --c-bg-translucent-color-2: rgba(0, 0, 0, 0.6);
  --c-bg-translucent-color-3: rgba(0, 0, 0, 0.4);
  --c-bg-translucent-color-4: rgba(0, 0, 0, 0.2);
  --c-bg-translucent-color-5: rgba(0, 0, 0, 0.1);
  --c-bg-translucent-reverse-color-1: rgba(255, 255, 255, 0.8);
  --c-bg-translucent-reverse-color-2: rgba(255, 255, 255, 0.6);
  --c-bg-translucent-reverse-color-3: rgba(255, 255, 255, 0.2);
  --c-bg-translucent-reverse-color-4: rgba(255, 255, 255, 0.1);
  --c-bg-translucent-reverse-color-5: rgba(255, 255, 255, 0.05);
  --c-bg-layout-color: rgba(22, 22, 23, 0.8);
  --c-bg-panel-color: rgba(147, 147, 172, 0.1);
  --c-glass-border-color: rgba(255, 255, 255, 0.03);
  --c-bg-popover-color: rgba(37, 37, 42, 0.7);
  --c-card-color: rgba(255,255,255,0.05);
  --c-input-color: rgba(255, 255, 255, 0.1);
  --c-button-color: rgba(255, 255, 255, 0.1);

  --c-text-color-1: #ffffff;
  --c-text-color-2: #D2D2D2;
  --c-text-color-3: #8E8E8E;
  --c-text-color-4: #626262;

  --c-border-color-1: rgba(84, 84, 84, .65);
  --c-border-color-2: rgba(84, 84, 84, .48);
  --c-border-color-3: rgba(84, 84, 84, .34);
  --c-border-color-4: rgba(255, 255, 255, .07);

  --c-box-shadow-1: unset;
  --c-box-shadow-2: 0 6px 24px 0 rgba(6, 10, 38, .1);
  --c-box-shadow-3: 0 2px 18px 0 rgba(6, 10, 28, .2);
  --c-box-shadow-4: 0 2px 14px 0 rgba(6, 10, 28, .2);
}

body {
    background-color: var(--c-bg-app-color);
    color: var(--c-text-color-2);
}

.background-blur {
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
}

.no-select {
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
    user-select: none;
    /* Standard syntax */
}